g-message-panel {
  .g-card.card {
    @extend .g-border-1px;
    border-radius: 10px;
    margin: 20px;
    width: calc(100% - 40px);
    ion-card-header {
      text-align: left;
      height: 60px;
      font-size: 14px;
      line-height: 20px;
      font-weight: 700;
      padding: 20px;
      color: map_get($text-colors, title);
      @extend .g-border-bottom-1px;
      small {
        font-size: 14px;
        float: right;
        color: map_get($text-colors, info);
        font-weight: 400;
      }
    }
    ion-card-content {
      padding: 18px 20px;
      p{
        color: map_get($text-colors, title);
        font-size: 14px;
      }
      >div:first-child{
        padding-right: 20px;
      }
      >div:last-child{
        padding-left: 20px;
      }
    }
  }
}
